<template>
    <!-- 
        此处使用了ElementUI中的面包屑
        :to:表示路由路径，在点击面包屑时可以激发路由显示，这里没有效果是因为自己跳转到自己
        $route.meta.title:表示拿取路由表中设置的meta信息
    -->
    <el-breadcrumb  separator="/">
         <el-breadcrumb-item class="line" :to="{ path: $route.path }">{{$route.meta.title}}</el-breadcrumb-item>
    </el-breadcrumb>
</template>

<script>
export default {
}
</script>

<style scoped>
    .el-breadcrumb {
      height: 10px;
      padding: 20px;
      border-radius: 15px;
      /* 这里是elementui中的阴影显示方式 */
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.4);
   }
   .line {
      border-left: 5px solid coral;
      padding-left: 15px;
      font-weight: bolder;
   }
</style>